<template>
	<view class="admin-commission">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="content-wrap">
			<image class="bgc" src="../../static/admin-commi-icon.png" mode=""></image>
			<view class="ul">

				<view class="li" @click="jumpEnterpriseMsg">
					<view class="left">
						<image class="icon" src="../../static/enterprise-icon.png" mode=""></image>
						<text>企业信息</text>
					</view>
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
						mode=""></image>
				</view>
				<view class="li" @click="jumpChangeRecord">
					<view class="left">
						<image class="icon" src="../../static/change-record-icon.png" mode=""></image>
						<text>更换记录</text>
					</view>
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
						mode=""></image>
				</view>
				<view class="li" @click="jumpDisposeRecord">
					<view class="left">
						<image class="icon" src="../../static/dispose-icon.png" mode=""></image>
						<text>处置记录</text>
					</view>
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
						mode=""></image>
				</view>

			</view>
		</view>
	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import http from '../../request/index'
	import uploadFile from '../../request/uploadFile.js'
	import {
		onShow,
		onLoad
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue'

	let name = ref("行政代办")

	let jumpEnterpriseMsg = () => {
		uni.navigateTo({
			url: "/contorllerPageOther/enterpriselist/enterpriselist?agent=1"
		})
	}
	let jumpChangeRecord = () => {
		uni.navigateTo({
			url: "/contorllerPageOther/admincommisssionchangerecord/admincommisssionchangerecord"
		})
	}
	let jumpDisposeRecord = () => {
		uni.navigateTo({
			url: "/contorllerPageOther/admincommisssiondisposerecord/admincommisssiondisposerecord"
		})
	}
</script>

<style lang="scss" scoped>
	.admin-commission {
		width: 100vw;
		height: 100vh;

		.title-bgc {
			width: 750rpx;
			height: 160rpx;
			background: #0874FA;
		}

		.content-wrap {
			width: 100%;
			height: calc(100vh - 160rpx);
			background-color: #F3F5F7;


			.bgc {
				height: 276rpx;
				width: 100vw;
			}

			.ul {

				.li {
					margin-top: 13rpx;
					width: 750rpx;
					height: 107rpx;
					background: #FFFFFF;
					display: flex;
					align-items: center;
					padding-left: 40rpx;
					padding-right: 53rpx;
					justify-content: space-between;

					.left {
						display: flex;
						align-items: center;

						.icon {
							width: 52rpx !important;
							height: 52rpx !important;
							margin-right: 20rpx;
						}

						text {

							font-weight: 500;
							font-size: 31rpx;
							color: #333333;

						}
					}

					image {
						width: 15rpx;
						height: 25rpx;
					}
				}
			}


		}
	}
</style>